/*切换开关*/
#switchOuter{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	float:right;
	width:160px;
	height:56px;
	line-height:56px;
	text-align:center;
	vertical-align:middle;
	padding-top:11px;
	margin:2px;
}

#switchToEn
{
	float:left;
	text-align:center;
	color:#114E85;
	background:#fff;
	width:55px;
	height:25px;
	line-height:25px;
	border:1px solid #fff;
	border-radius:15px 0 0 15px;
	padding:3px 5px 2px 5px;
	cursor:pointer;	
}

#switchToChs
{
	float:left;
	text-align:center;
	color:#114E85;
	background:#114E85;
	/*background:linear-gradient(to bottom #fff, rgba(f,f,f, 0.5), rgba(17, 78, 133, 0.5), #114E85, rgba(17, 78, 133, 0.5), rgba(f,f,f, 0.5),#fff);*/
	width:55px;
	height:25px;
	line-height:25px;
	border:1px solid #fff;
	border-radius:0 15px 15px 0;
	padding:3px 10px 2px 5px;
	cursor:pointer;
}

.header_bg
{
	/*background:linear-gradient(#102F79, #ffffff);*/
	/*background:#102F79;*/	
	height:85px;
	background:-ms-linear-gradient(#114E85, #114E85, #114E85dd, #114E85bb);
	background:-moz-linear-gradient(#114E85, #114E85, #114E85dd, #114E85bb);
	background:-o-linear-gradient(#114E85, #114E85, #114E85dd, #114E85bb);
	background:-webkit-linear-gradient(#114E85, #114E85, #114E85dd, #114E85bb);
	background:linear-gradient(#114E85, #114E85, #114E85dd, #114E85bb);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#114E85',endColorStr='#114E85bb',gradientType='0');

}
.logo_header
{
	margin:-10px auto;
}
.footer_bg
{
	/*background:#102F79;*/
	background:linear-gradient(#114E85bb, #114E85dd, #114E85, #114E85);
}

/*首页产品，服务及联系我们的描述内容外框*/
.productsDes
{
	height:130px;
	text-align:left;
	padding:10px 10px 10px 15px;
	text-indent:2rem;

	border:1px solid #ffffff;
	border-radius:15px;	
	box-shadow: 2px 2px 5px 1px rgba(f, f, f, .6);	

}
.productsDes:hover
{
	border:1px solid #989898;
	border-radius:15px;	
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .6);		
	cursor: pointer;
}

/*首页公司介绍*/
#home_introduce, .introduce
{
	color:#00000088; 
	text-shadow: 0 0 1px #999, 1px 1px 2px #888, 2px 2px 2px #777, 3px 3px 2px #666, 4px 4px 2px #555, 5px 5px 2px #333;
}
.introduce
{
	font-size:2.5rem;
	-webkit-text-stroke: 2px;
	letter-spacing: 1px;
	margin:0 auto 0.5% 10%;
}
#partner
{
	font-size:2.5rem;
	margin:0 auto 1.5% 0%;
	text-transform:capitalize;
}
/*水平分隔线*/
.partion
{
	width:90%;
	height:3px;
	background:linear-gradient(to right, #fff, #333, #fff);margin:0 auto;
}

/*竖直分隔线*/
.verPartion
{
	display:inline-block;
	width:3px;
	height:90%;
	background:linear-gradient(to bottom, #fff, #333, #fff);
	margin:40px auto 0 auto;
}
/*图片边框*/
.imgFrame
{
	border-radius:25px;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .6);
}
.client-imgFrame
{
	border:1px solid #ffffff;
	border-radius:25px;
	box-shadow: 2px 2px 5px 1px rgba(f, f, f, .6) !important;
}

.client-imgFrame:hover
{	
	border:1px solid #989898;
	border-radius:25px;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .6) !important;
}

/*图片悬浮提示*/
.imgTip
{
	color:#febd17 !important;
}

h3[class="news"]::before
{
	content:url(../images/news.png);	
	height:36px;
	line-height:36px;
	vertical-align:middle !important;
	margin-left:15px !important;
	margin-right:15px !important;
}
/*
h3[class="news"]::after
{
	content:"2017-07-20";
	font-size:1.2rem !important;	
	height:36px;
	line-height:36px;
	margin-left:15px !important;
	margin-right:15px !important;
}
*/

.span_of_2 .news_outer
{
	border:1px dashed gray;
	border-top:none;
}

.span_of_2 .span1_of_2 .news
{   
	width:400px;
	font-size:1.2rem !important;
	color:#000000;
	height:36px;
	line-height:36px;
	vertical-align:middle !important;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin:10px;
}
.span_of_2 .span1_of_2 .news:hover
{  	
	font-size:1.2rem !important;	
	color:red !important;
}
.span_of_2 .span1_of_2 .news_date
{
	display:inline-block !important;
	color:#989898;
	position:relative;
	top:-35px;
	left:500px;
}

.span_of_2 .news_outer:nth-child(odd)
{
	border-right:none;
}
.span_of_2 .news_outer:nth-child(1), .span_of_2 .news_outer:nth-child(2)
{
	border-top:1px dashed gray !important;
}

/*首页产品区字体颜色*/
.top_grid_text h2
{
	color:#000000;
}

/*首页产品区背景颜色*/
.top_grid_bg
{
	/*background:linear-gradient(45deg, #114E85cc, #114E85aa, #114E85, #114E85, #114E85aa, #114E85cc);*/
	background:none;
}
/*首页产品区查看更多产品背景颜色*/
.top_grid_btn .btn{
	border: 1px solid #9a9a9a;
	color: #989898;
}
.top_grid_btn .btn:hover{
	background: #989898;
	color:#000000;
}

/*新闻资讯背景颜色*/
.btm_grid h2
{
    color: #000000;
}
.top_grid 
{
    padding: 3% 2%;
}
.btm_grid 
{
    padding: 2% 2%;
}
.grids_1_of_3 {
    padding: 2% 2%;
	padding-top: 3.5%;
}
.mid_grid 
{
    padding: 2% 2%;
}

.clients_txt 
{
    padding-bottom: 2%;
}
.tt-wrapper 
{
    padding: 2% 0 10% 0;
}
.tool_tip1 
{
    margin: 1% 0;
}
.top_grid_portfoli
{
    margin-left: 3.6666666%;
}
.cssmenu > ul > li > a 
{
    font-size: 1.2rem;
}
.cssmenu > ul > li > a:hover 
{
    color: #f00;
}
.cssmenu {
	width:50%;
}
.paragraph
{
	width:98%;
	text-indent:3rem !important;
	line-height:2.4rem;
	text-transform:none;
	color:#777777;
}

/*broking*/
.brokingImg
{
	width:95%;
}
.brokingImg[class*="left"]
{
	margin:39px auto -39px auto;
}
#broking, #design
{
	margin:0 auto;
	display:inline-block;
	width:48%;
	height:800px;
}
.title
{
	font-size:2.5rem;
	margin-bottom:1rem;
}
.content
{
	color:rgba(0,0,0,.5);
	font-size:1.5rem;
}
/*broking底部图片开始*/
#outer
{
	position:absolute;
	width:calc(62% + 4px);
	margin:-1px calc(14% - 3px) -5px calc(14% - 3px);
	border:0px solid gray;
	padding: 0 80px;
	overflow:hidden;
}
#v1
{
	display:none;
}
#v2
{
	position:absolute;
	width:100%;
	margin:0 auto;
	left: 0%;	
	border:0px solid red;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
}
#v3
{
	position:absolute;
	width:100%;
	/*top: 8px;*/
	left: -100%;			
	border:0px solid green;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
}
#v1 img, #v2 img, #v3 img
{
	position:relative;
	width:24%;
	margin:0;
	padding:0;
	vertical-align:middle;
}
/*broking底部图片结束*/

/*百度地图*/
 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
 .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/*百度地图*/


.image_grid[class~="w1366-4"]
{
	display:none;	
}
.copy 
{
    width:30%;

}
.social-icons 
{
    width: 25%;
	margin-right: 5%;
}

.it-support
{
	/*margin-left: 350px;*/
	width: 40%;
	text-align:center;	
}
.it-support
{
	height: 3rem;
	line-height:3rem;
}
.it-support span, 
.it-support span a
{   
	color:#999 !important;
}

.clients h3 
{
	width: 78%;
}

#home-product
{
	margin:2% auto;

}

.products-list
{
	display:inline-block;
	width:250px;	
	height:222px;
	margin:5% auto 0 10%;
	overflow:hidden;	
	border-radius:25px;
}

.products-list img
{
	width:100%;	
	/*transition: all 0.6s;*/
}

.products-list img:hover
{
	width:100%;	
	/*transform: scale(2, 2);*/
	cursor:pointer;
}
.view-products-title
{
	font-size:1.5rem;
	color:red;
}
.view-products-url
{
	margin-top:1rem;
}
.view-products-url a
{
	font-size:1rem;
	color:#999999;
	background: #febd17;
	padding: 3%;
	border-radius: 5px;
}
.view-products-url a:hover
{
	color:#0000ff;
}
.wrap
{
    margin: 0 auto 0 10%;
}
.sub-menu
{
	margin-left:4rem;
	border:none !important;
}
#products
{
	width:91%;
	margin:auto 5%;
	text-align:center;
}
.view-products
{	
	display:none;
	position:relative;
	top:40%;
}
/*broking 中footer*/
.footer_bg[class~="broking_footer"]
{
	margin: 239px auto 0px auto;
}
.wrap[class~="broking_wrap"]
{
	width:80%;
	height:734px;
	margin-bottom:2px;
	margin-left: 12.25%;
}
#dituContent
{
	width:810px;
	height:725px;
	border:#ccc solid 1px;
}

/*产品详图*/
.detail-imgs
{
	width:100%;
	font-size:0px;
}
.detail-img
{
	width:100%;
	margin:0px;
	padding:0px;
}
.contact-map
{
	height:800px;
}

/**轮播图中黑底描述*/
#fwslider .description {
    max-width: 80%;
}
#float-logo
{
	position:fixed;
	top:1%;
	left:1%;
	z-index:10000;
	width:7.5%;
}
#broking-en
{
	width:73%;
	height:810px;
	margin-top:1%;
	margin-bottom:-10px;
	margin-left:13.65%;
	display: flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
}


/*亮照*/
.w3-link img[class^="lz"]
{
	width: 3rem;
	height: 3rem;
	vertical-align: middle;
	border-radius: 0.5rem;
}

/*社交*/
.social-icons li 
{
    margin-top: 0.5rem;
}


/***** Media Quries *****/
@media only screen and (max-width: 1793px) {
	.image_grid[class~="w1366-3"]
	{
		display:none !important;
		width:0px;
	}
	.image_grid[class~="w1366-4"]
	{
		display:inline;	
		margin-left: 3.6666666% !important;
		margin-right: 3.6666666% !important;
	}
	/*broking 中footer*/
	.footer_bg[class~="broking_footer"]
	{
		margin: 190px auto 0px auto;
	}	
	.mid_grid 
	{
		position: relative;
		top: -10px;
	}
	#dituContent
	{		
		height:685px;
		/*
		width:810px;
		border:#ccc solid 1px;
		*/
	}
}
@media only screen and (max-width: 1366px) {
	.wrap{		
		margin-left: 7%;
	}
	.span_of_2 .span1_of_2 .news
	{   
		font-size:1rem !important;
	}	
	#switchOuter
	{
		margin-right: 2% !important;
	}
	.mid_grid h3 
	{
		font-size: 1.2em;
	}
	.mid_grid_right 
	{
		float: left;
	}
	.top_grid_btn 
	{
		margin-right: 10%;
	}
	.image_grid[class~="w1366-3"]
	{
		display:none !important;
		width:0px;
	}
	.image_grid[class~="w1366-4"]
	{
		display:inline;	
		margin-left: 3.6666666% !important;
		margin-right: 3.6666666% !important;
	}
	.clients h3 
	{
		float: left;
		width: 75%;
	}
	.clients_bg 
	{
		margin-left: -75px;
	}
	.tool_tip > ul > li 
	{
		width: 12%;
	}
	.it-support
	{
		width: 30%;
		margin-left:2%;
	}
	.social-icons 
	{
		margin-right: 10%;
	}
	.imgFrame 
	{
		max-width: 80%;
    }
	.logo_header 
	{
		margin: -8px auto;
	}
	/*broking 中footer*/
	.footer_bg[class~="broking_footer"]
	{
		margin: 185px auto 0px auto;
	}
	.mid_grid 
	{
		position: relative;
		top: -10px;
	}
	#dituContent
	{		
		height:600px;
		/*
		width:810px;
		border:#ccc solid 1px;
		*/
	}

}
@media only screen and (max-width: 1280px) {
	html
	{
		font-size:16px;
	}
	.clients h3 
	{
		float: left;
		width: 55%;
		margin-left: 1%;
	}
	#partner 
	{
		margin: 0 auto 1.5% 5.5%;
	}
	.client-imgFrame 
	{
		width:85%;
		border-radius: 20px;
	}
	.client-imgFrame:hover 
	{
		border-radius: 20px;
	}	
	.tt-wrapper 
	{
		width: 85%;
		margin: 0 auto;
		padding: 0% 0 8% 0;
	}
	/*broking 中footer*/
	.footer_bg[class~="broking_footer"]
	{
		margin: 150px auto 0px auto;
	}
	#outer 
	{
	 margin: -1px calc(14% - 3px) -5px calc(12% - 3px);
	}
	.mid_grid 
	{
		position: relative;
		top: -33px;
	}
	#dituContent
	{		
		height:600px;
		/*
		width:810px;
		border:#ccc solid 1px;
		*/
	}
	.contact-map
	{
		height:725px;
	}
	.mid_grid 
	{
		position: relative;
		top: -10px;
	}
}
@media only screen and (max-width: 1024px) {	
	html
	{
		font-size:12px;
	}	
	.clients h3 
	{
		float: left;
		width: 55%;
		margin-left: 1%;
	}
	.footer_btm
	{
		margin-top:1rem !important;
	}
	.social-icons {
		margin-right: 12%;
	}
	#partner 
	{
		margin-left:7%;
	}
	.client-imgFrame 
	{
		width:75%;
		border-radius: 15px;
	}
	.client-imgFrame:hover 
	{
		border-radius: 15px;
	}	
	.tt-wrapper 
	{
		width: 80%;
		margin: 0 auto;
		padding: 0% 0 4% 0;
		margin-left: 12%;
	}
	.logo_header 
	{
		margin: -5px auto;
	}
	/*broking 中footer*/
	.footer_bg[class~="broking_footer"]
	{
		margin: 145px auto 0px auto;
	}	
	#outer 
	{
	 margin: -1px calc(14% - 3px) -5px calc(9% - 3px);
	}	
	.mid_grid 
	{
		position: relative;
		top: -50px;
	}
	.wrap[class~="broking_wrap"]
	{
		height:530px;
	}
	#dituContent
	{		
		height:600px;
		/*
		width:810px;
		border:#ccc solid 1px;
		*/
	}
	.contact-map
	{
		height:725px;
	}
	.mid_grid 
	{
		position: relative;
		top: -10px;
	}
	#float-logo
	{
		width:7.5%;
	}

}
@media only screen and (max-width: 800px) {
	html
	{
		font-size:10px;
	}
	.header {
		padding-left: 0;
	}
	.logo_header
	{
		float:left;
	}
	.clearfix a#pull 
	{
		width: 100%;
		top:6px;
		margin-left:0px;
		background:#114E85bb;
   }
   .clearfix ul 
   {   
		margin-right: 5%;
		margin-left:5%;
   }
   .clients h3 
	{
		float: left;
		width: 35%;
		margin-left: 1%;
	}
	.footer_bg 
	{
		height: 4.5rem;
		overflow: hidden;
	}
	.wrap
	{
		margin-left: 5%;
	}
	.social-icons 
	{  
		width: 30%;
		height: 2rem;
		float: right;
		margin-right:-5%;
		margin-top: -0.5%;
	}
	.copy 
	{
		width: 43%;
		float: left;
	}
	.it-support 
	{
		width: 24%;
		margin-left: 2%;
	}
	.social-icons li
	{  
		margin-right:0px;
	}
	.social-icons li a 
	{
		height: 18px;
		width: 17px;
		transform: scale(0.5) !important;
	}
	#partner 
	{
		margin-left: 10%;
	}
	.tt-wrapper 
	{
		margin-left: 14%;
		padding: 0% 0 1% 0;
	}
	/*broking 中footer*/
	.footer_bg[class~="broking_footer"]
	{
		margin: 34% auto 0px auto;
	}	
	#outer 
	{
		margin: -1px calc(14% - 3px) -5px calc(5% - 3px);
	}
	.wrap[class~="small"]
	{
		width:100%;
		margin-left:0px;
		padding-left:0px;
	}
	.top-nav 
	{
	}
	.mid_grid 
	{
		top: 0px;
	}
	.wrap[class~="contact-map"]
	{
		margin-top:2%;
	}
	.verPartion
	{
		display:none;
	}
	.mid_grid[class~="broking_mid_grid"]
	{
		display:inline !important;
		top:0px !important;
	}
	.brokingImg[class*="left"] 
	{
		margin: 0px auto 10px auto;
	}
	.footer_bg[class~="broking_footer"] 
	{
		margin: 20% auto 0px auto;
	}
	.wrap[class~="broking_wrap"] 
	{
		 height: 50%;
		 margin-top:1%;
	}
	.mid_grid[class~="contact_mid_grid"]
	{
		display:inline !important;
		width:95% !important;
	}
	#dituContent 
	{
		text-align:center;
	}
	#broking-en
	{
		width:90%;
		height:810px;
		margin-top:1%;
		margin-bottom:-10px;
		margin-left:7.5%;
		display: inline-block;
	}
	#broking, #design 
	{
		margin: 0 auto;
		display: inline;
		width: 95%;
	}
	.title[class~="introduce"]
	{
		text-align:center;
	}
	.brokingImg[class~="designImg"]
	{
		margin-top:2% !important;
	}
	.footer_bg[class~="broking-en"]
	{
		margin: 17% auto 0px auto !important;
	}
	.clients h3 
	{
		width: 50%;
	}
	.products-list 
	{
		margin: 5% auto 0 20%;
	}
}


@media only screen and (min-width: 480px) {

	/*社交*/
	.social-icons li 
	{
	    margin-top: 1rem;
	}
}

@media only screen and (max-width: 480px) {
	html
	{
		font-size:8px;
	}
	.clearfix a#pull 
	{
		width: 112%;
		top: 6px;
		margin-left: -48px;
		background: #114E85bb;
	}
	.images_1_of_3 
	{
		width: 91%;
		margin-top: 1%;
	}
	.clients h3 
	{
		float: left;
		width: 28%;
		margin-left: 2%;
	}
	#partner 
	{
		margin-left:10%;
	}
	.tt-wrapper 
	{
		padding: 0%;
	}
	.social-icons 
	{
		width: 30%;
		
		/*height: 2rem;
		float: right;
		margin-top: -0.5%;
		*/
		margin-right: 2%;
		
		
	}
	.social-icons li 
	{
		margin-right: 3px;
	}
	.copy 
	{
		width: 40%;
		float: left;
	}
	.it-support 
	{
		width: 25%;
		margin-left: 1%;
	}
	.social-icons li a 
	{
		height: 18px;
		width: 17px;
		transform: scale(0.5) !important;
	}
	.logo_header 
	{
		margin: -2px auto;
	}
	.verPartion
	{
		display:none;
	}
	.mid_grid[class~="broking_mid_grid"]
	{
		display:inline !important;
		top:0px !important;
	}
	.brokingImg[class*="left"] 
	{
		margin: 0px auto 10px auto;
	}
	.footer_bg[class~="broking_footer"] 
	{
		margin: 20% auto 0px auto;
	}
	#partner {
		margin-left: 15%;
	}
	.products-list 
	{
		margin: 5% auto 0 5%;
	}
	#switchOuter 
	{  
		width: 140px;
	}

	/*社交*/
	.social-icons li 
	{
	    margin-top: 0.5rem;
	}

}
@media only screen and (max-width: 320px) {
	.span_of_2 .span1_of_2 .news
	{   
		font-size:0.6rem !important;
	}
	h3[class="news"]::before
	{
		content:none;
	}
	
	#switchOuter 
	{  
		width: 140px;
	}
	.productsDes 
	{
	 height: 65px;
	}
}